<!DOCTYPE>
<html style="width: 100%;maigin:0 auto;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>最新房产信息- {if empty($setting['copyright'])}{$_W['account']['name']} {else} {$setting['copyright']}{/if}</title>
    <meta name="keywords" content="最新房产信息- {if empty($setting['copyright'])}{$_W['account']['name']} {else} {$setting['copyright']}{/if}"/>
    <meta name="description" content="找租房、求合租、转让店面、找转让、出售房产，赶紧上微房产吧"/>
    <link href="{AMOUSE_HOUSE_RES}css/bootstrap.css?v=20150313" rel="stylesheet">
    <link href="{AMOUSE_HOUSE_RES}css/main.css?v=20150313" rel="stylesheet">
    <link rel="stylesheet" href="{AMOUSE_HOUSE_RES}css/wemedia_style.css"/>
    <link href="{AMOUSE_HOUSE_RES}css/dialog.css?v=20150313" rel="stylesheet">
    <style type="text/css">
        img {
            width: 100%;
        }
        .pages {
            margin: 0px auto;
            padding: 3px;
            text-align: center;
        }

        .pages strong {
            background: #ADAD10;
            color: white;
        }

        .pages em, .pages strong {
            border-color: #ADAD10;
        }
        .pages * {
            padding: 1px 6px;
            color: #999;
        }
        .next {
            border: 1px solid rgb(197, 201, 196);
            font-size: 12px;
        }
        .prev{
            border: 1px solid rgb(197, 201, 196);
            font-size: 12px;
        }
    </style>
</head>

<body style="width:100%;margin: 0 auto;background: white;">
<div class="container" style="width:100%;margin: 0 auto;background: white;">
<link href="{AMOUSE_HOUSE_RES}css/jobhouse.css" rel="stylesheet">
    <link rel="stylesheet" href="{AMOUSE_HOUSE_RES}css/user.css"/>

<style type="text/css">
body {
    width: 100%;
    background: white;
    color: #4d4f4e;
    font-size: 18px;
}

.container {
    background: white;
}

.category {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 1;
    padding: 8px 0 10px 0;
    box-shadow: 1px 1px 5px #000;
    display: none;
}

.category ul {
    overflow: hidden;
    list-style: none;
}

.category ul li {
    width: 33%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
}

.category ul li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
}

.globalAd {
    padding: 0 8px;
    -webkit-box-sizing: border-box;
}

.header {
    width: 100%;
    height: 55px;
    line-height: 51px;
    background: url('{AMOUSE_HOUSE_RES}images/house_header_bg.gif') repeat-x;
    background-size: contain;
    color: #ffffff;
    position: relative;
}

.header h1 {
    font-size: 25px;
    text-align: center;
    line-height: 51px;
    padding-left: 40px;
}

.header .select-bar {
    height: 32px;
    border-radius: 4px;
    position: absolute;
    top: 9px;
    left: 10px;
    background: #409600;
    color: #ffffff;
    font-size: 14px;
}

.header .select-bar .text {
    padding: 0 12px;
    line-height: 32px;
    float: left;
}

.header .select-bar .icon {
    padding: 0 8px;
    height: 32px;
    line-height: 30px;
    background: #327400;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    float: left;
}

.header .select-bar .icon img {
    max-width: 10px;
    margin-top: 13px;
}

.header a.back-home {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    top: 7px;
    right: 8px;
    background: #56a31d;
}

.header a.back-list {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 8px;
    left: 15px;
}

.header a img {
    max-width: 100%;
}

.header button {
    position: absolute;
    top: 12px;
    left: 10px;
    height: 32px;
    line-height: 32px;
    background: #409600;
    color: #ffffff;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    width: 80px;
}

.nav {
    width: 100%;
    height: 32px;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    line-height: 32px;
    margin: 10px 0;
}

.nav ul {
    margin: 0px;
}

.nav li {
    display: block;
    width: 31%;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    margin-right: 2.6%;
    font-size: 15px;
    color: #fff;
    float: left;
}

.nav li.nearby {
    background: #fd682e;
    text-shadow: 1px 1px 0 #d84b13;
}

.nav li.pub {
    background: #ffa10f;
    text-shadow: 1px 1px 0 #db8909;
    margin-right: 0;
}

.nav li.follow {
    margin-right: 0;
    background: #1ea1f9;
    text-shadow: 1px 1px 0 #1288d7;
    float: right;
}

.nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
}

.nodata {
    width: 100%;
    padding: 60px 10px 0 10px;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}

.house {
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
}

.house li.name {
    line-height: 24px;
    font-size: 14px;
    padding: 4px 6px 1px 8px;
    color: rgb(36, 35, 37);
}

.house li.info {
    font-size: 12px;
    color: #7c7c7c;
    padding: 0 6px 2px 10px;
    border-bottom: 1px solid #D2E6C4;
    line-height: 20px;
}

.house li.info span {
    padding-right: 4px;
}

.house li.info span.price {
    font-size: 12px;
}

.house li.info span.distance {
    color: #4cb7ff;
    padding-right: 0;
}

.house li span.red {
    color: red;
}

.house li span.orange {
    color: orange;
}

.house li span.blue {
    color: blue;
}

.house li span.yellow {
    color: #b18e03;
}

.house li span.purple {
    color: purple;
}

.house li span.green {
    color: green;
}

.more {
    width: 100%;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.more a {
    width: 100%;
    height: 100%;
    display: block;
    color: #323232;
}

.view {
    width: 100%;
    line-height: 24px;
    padding-top: 3px;
    font-size: 15px;
}

.view p {
    margin: 0;
    padding: 5px 15px;
}

.view p em {
    color: #6c6d6c;
    font-style: normal;
}

.view p em a {
    color: #4d4f4e;
}

.view pre {
    margin: 0;
    padding: 0 15px;
    line-height: 20px;
    color: #6c6d6c;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.thumbs {
    padding: 6px 15px 0 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
}

.thumbs li {
    width: 32%;
    margin-right: 2.2%;
    margin-bottom: 5px;
    float: left;
}

.thumbs li.last-one {
    margin-right: 0;
    float: right;
}

.thumbs li img {
    max-width: 100%;
    border-radius: 4px;
}
.pics {
    width: 100%;
    padding: 6px 15px 0 15px;
    -webkit-box-sizing: border-box;
}
.pics img {
    max-width: 100%;
    border-radius: 6px;
    margin-bottom: 8px;
}
.pop-box {
    width: 120px;
    background: #f2f2f2;
    border: 1px solid #dadada;
    position: fixed;
    left: 10px;
    top: 50px;
    z-index: 1;
    display: none;
}
.pop-box li {
    padding: 0 12px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    border-bottom: 1px solid #dadada;
}
.pop-box li.current {
    background: url('{AMOUSE_HOUSE_RES}images/house_selected.jpg') no-repeat 98px 12px;
    background-size: 15px;
}
.pop-box li.current a {
    color: #2ea4e4;
}
.pop-box li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #4d4f4e;
}
.header {
    width: 100%;
    height: 40px;
    background: rgb(60, 108, 68);
    background-size: contain;
    color: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgb(30, 121, 77);
}
.header a img {
    max-width: 100%;
    height: 26px;
    width: 26px;
    vertical-align: middle;
}
.header ul {
    list-style: none;
}
.header ul li {
    list-style: none;
}
.pages {
    font-size: 16px;
}
.pages * {
    padding: 3px 4px;
    color: #999;
}
.foot-fix-panel .panel-box .easycall-item {
    width: 25%;
    height: 100%;
    float: left;
    text-align: center;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

</style>
<script src="{AMOUSE_HOUSE_RES}js/jquery.js?v=20150313" language="javascript"></script>
<script src="{AMOUSE_HOUSE_RES}js/dialog_min.js?v=20150313" language="javascript"></script>
<script src="{AMOUSE_HOUSE_RES}js/dialog_com.js?v=20150313" language="javascript"></script>
<script src="{AMOUSE_HOUSE_RES}js/baiduposition.js"></script>
<script src="{AMOUSE_HOUSE_RES}js/TouchSlide.1.1.js?v=20150313"></script>
<div class="app-view">
    <div class="app-page">
    <header class="app-head">
        <div class="inner">
            <div class="city"><a onclick="positionSort();" style="color:black">{if $location_c!='返回'}{$location_c} ▼{else}返回{/if}</a></div>
            <!--<div class="search">
              <input type="text" name="searchs" id="searchs" placeholder="请在这里搜索~" value=""/>
               <a class="btn">
                   <input type="button" value="&nbsp;&nbsp;&nbsp;&nbsp;" onClick="baiduPosition('sort');" style="border:0;background-color:white;background-repeat:no-repeat;background-image:url(../addons/hc_weilive/style/images/iconfont-search.png); background-position:0,20px; padding-right:5px; padding-top:5px;"/>
               </a>
            </div>-->
            <h1 class="title sliding"></h1>
        </div>
    </header>

 <section class="app-wrap">
    <div id="focus" class="focus">
        <div class="hd" style="display:none;">
            <ul></ul>
        </div>
        <div class="bd">
            <ul>
                {loop $slides $s}
                <li><a href="{$s['url']}"><img width="100%" height="125px" data-pinit="registered" src="{$_W['attachurl']}{$s['slide']}" style="width: 100%;height:150px;"/></a></li>
                {/loop}
            </ul>
        </div>
    </div>

    <div class="list-container">
        {if !empty($list)}
        {loop $list $item}
        <div class="article-item">
            <a href="{php echo $this->createmobileUrl('detail',array('a'=>'rent','type'=>$item[type],'id'=>$item[id],'openid'=>$item[openid]),true)}">
            <div class="item-cover">
                <img src="{if empty($item[thumb1])}http://res.wemedia.cn/mpshare/loading.gif{else}{php echo strpos($item['thumb1'],'http://')===FALSE?($_W['attachurl'].$item['thumb1']):$item['thumb1']}{/if}" data-original="" alt="{$item[title]}" />
            </div>
            <div class="item-summary">
                <div class="item-title">{$item[title]}</div>
                <div class="item-text" style="color:red;font-weight:bold;"> {$item['price']}
                    <span class="item-text-right">{php echo date('Y-m-d',$item['createtime'])} </span>
                </div>
            </div>
            </a>
        </div>
        {/loop}
        {else}
        <div class="article-item">
             暂无数据……
        </div>
        {/if}
    </div>
    <p>
        {if !empty($list)}
        <div class="pages">
            {if $pindex== '1'}
            {if $pindex+1<=$pageend}
            <strong> {$pindex} </strong>
            &nbsp;
            <a href='{php echo $this->createmobileUrl('index',array('page'=>$pindex+1),true)}' class="next">下页</a>
            {else}
            {/if}
            {else}
            {if $pindex+1>=$pageend}
            <a href='{php echo $this->createmobileUrl('index',array('page'=>$pindex-1),true)}' class="prev">上页</a>
            <strong> {$pindex} </strong>
            {else}
            <a href='{php echo $this->createmobileUrl('index',array('page'=>$pindex-1),true)}' class="prev">上页</a>
            <strong> {$pindex}</strong>
            <a href='{php echo $this->createmobileUrl('index',array('page'=>$pindex+1),true)}' class="next">下页</a>
            {/if}
            {/if}
        </div>
         {/if}
    </p>
 </section>
<script language="javascript">
    $(".nav-right").click(function () {
        $(".nav-dropdown").toggleClass("active");
    });

    function positionSort(){
        if('{$location_c}'!='返回'){
            window.location.href = "{php echo $this->createMobileurl('position')}";
        } else {
            history.go(-1);
        }
    }
</script>
<script type="text/javascript">
    TouchSlide({
        slideCell: "#focus",
        titCell: ".hd ul",
        mainCell: ".bd ul",
        effect: "leftLoop",
        autoPlay: true,
        autoPage: true,
        switchLoad: "_src"
    });
</script>
<script language="javascript">
    $(document).ready(function () {
        $(".header .select-bar").bind("click", function (event) {
            $(".pop-box").slideToggle();
            event.stopPropagation();
        });
        $(".pop-box").bind("touchstart click", function (event) {
            event.stopPropagation();
        })
        $(document).bind("touchstart click", function () {
            var isVisible = $('.pop-box').css('display');
            if (isVisible !== 'none') {
                $('.pop-box').slideUp();
            }
        });
    });
</script>
<div class="footerintro" style="width:100%;text-align: center;vertical-align: center;padding:10px 0 16px 0;font-size: 12px;margin-bottom: 90px;margin-top: 30%;">
    <a style="color: #D8E2DC;text-decoration: none;"  href="{$setting['guanzhuUrl']}">
        本页由
        <span style="color:rgb(114, 163, 114);">
            {if empty($setting['copyright'])}{$_W['account']['name']} {else} {$setting['copyright']}{/if}
        </span>生成
    </a>

</div>

<div class="foot-fix-panel"  style="width: 100%;height:79px;visibility: visible;border-top: 1px solid rgb(228, 221, 221);background: white;">
    <div class="panel-box" style="width: 100%;">
        <div class="page " data-index="0"  style="display:block;width: 100%;height: 30px;background: rgb(60, 108, 68);color: white; left: 0px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);">
            <a class="easycall-item" href="{php echo $this->createMobileUrl('index',array('type'=>'0','wxid'=>$wxid),true)}">
                <div class="title" style="color: white;border-right: 1px solid white;font-size: 14px;line-height: 30px;{if $_GPC['type']=='0'}background: rgb(60,120,0);{/if}">出租
                </div>
            </a>
            <a class="easycall-item" href="{php echo $this->createMobileUrl('index',array('type'=>'1','wxid'=>$wxid),true)}">
                <div class="title" style="color: white;border-right: 1px solid white;font-size: 14px;line-height: 30px;{if $_GPC['type']=='1'}background: rgb(60,120,0);{/if}">
                    求租
                </div>
            </a>
            <a class="easycall-item" href="{php echo $this->createMobileUrl('index',array('type'=>'2','wxid'=>$wxid),true)}">
                <div class="title" style="color: white;border-right: 1px solid white;font-size: 14px;line-height: 30px;{if $_GPC['type']=='2'}background: rgb(60,120,0);{/if}">
                    出售
                </div>
            </a>
            <a class="easycall-item" href="{php echo $this->createMobileUrl('index',array('type'=>'3','wxid'=>$wxid),true)}">
                <div class="title" style="color: white;font-size: 14px;line-height: 30px;{if $_GPC['type']=='3'}background: rgb(60,120,0);{/if}">求购</div>
            </a>
        </div>

        <div class="page " data-index="0"
             style="display:block;width: 100%; left: 0px; transition: 0ms; -webkit-transition: 0ms; -webkit-transform: translate(0px, 0px) translateZ(0px);">
            <a
                    style="width: 33%;margin-top: -0px;border-bottom: 3px solid rgb(61, 120, 0);height: 46px;"
                    class="easycall-item" href="{php echo $this->createMobileUrl('new',array('a'=>'rent','openid'=>$openid),true)}">
                <img style="width: 30px;height: 30px;" class="icon" src="{AMOUSE_HOUSE_RES}images/zhaopin.png">
                <div class="title" style=" margin-top: -0px; ">发布租房</div>
            </a>
            <a style="width: 34%;margin-top: -0px;border-bottom: 3px solid rgb(91, 177, 0);height: 46px;"
               class="easycall-item" href="{php echo $this->createMobileUrl('list',array('openid'=>$openid),true)}">
                <img style="width: 30px;height: 30px;" class="icon" src="{AMOUSE_HOUSE_RES}images/xinpan.png">
                <div class="title" style=" margin-top: -0px; ">新盘推荐</div>
            </a>
            <a style="width: 33%;margin-top: -0px;border-bottom: 3px solid rgb(61, 120, 0);height: 46px;"
               class="easycall-item" href="{php echo $this->createMobileUrl('new',array('a'=>'house','openid'=>$openid),true)}">
                <img style="width: 30px;height: 30px;" class="icon" src="{AMOUSE_HOUSE_RES}images/zhaopin.png">
                <div class="title" style=" margin-top: -0px; ">发布二手房</div>
            </a>
        </div>
    </div>

</div>

<div style="display:none">
    {php echo htmlspecialchars_decode($setting['cnzz'])}
</div>
</div>
    </div>
    </div>
</body>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
{php $signPackage=$_W['account']['jssdkconfig'];}
<script>
    wx.config({
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: <?php echo $signPackage["timestamp"];?>,
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: ['checkJsApi','onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ','onMenuShareWeibo']
    });

    wx.ready(function () {
        var shareData = {
            title : "找租房、求合租、转让店面、找转让、出售房产，赶紧上微房产吧",
            desc : "找租房、求合租、转让店面、找转让、出售房产，赶紧上微房产吧",
            imgUrl:"{php echo $_W['siteroot'];}addons/amouse_house/icon.jpg",
            link :  "{$url}",
            trigger: function (res) {},
            complete: function (res) {},
            success: function (res) {
            },
            cancel: function (res) {
            },
            fail: function (res) {
            }
        };
        wx.onMenuShareAppMessage(shareData);
        wx.onMenuShareQQ(shareData);
        wx.onMenuShareWeibo(shareData);
        wx.onMenuShareTimeline(shareData);
    });
</script>

</html>
